	*{margin: 0; padding: 0;}
	a{text-decoration: none; }
	a:hover{color: #f10582;}
	ul li{list-style: none;}
	
	.nav{
	width: 100% ; 
	height 66px;
	/* display: inline-block; */
	box-shadow: 1px 1px 3px rgba(225,226,220,0.8);
	float: left;
	
	}
	
	.nav span{
		
		float: left;
    	padding: 0 42px;
   	 	/*position: relative;*/
    	font-size: 18px;
    	padding-top: 28px;
    	color: #999;
		display: inline-block;	
	}
	
	.nav .nav-left{
	width: 80px;
	height: 46px;
	line-height: 43px;
	/*border: 1px solid pink;*/
	float: left; 
	margin-top:20px;
	/*border-bottom: 3px solid #f10582;*/
	display: inline-block;
	margin-left: 370px;
	border-bottom: 3px solid white;

	}
	.nav .nav-left a{
		color: #333;
		font-size: 20px;
	}
	.nav .nav-left:hover{
		border-bottom: 3px solid #f10582;
	}
	.nav .nav-right{
	width: 80px;
	height: 46px;
	line-height: 43px;
	/*border: 1px solid orange;*/
	float: left; 
	margin-top:20px;
	display: inline-block;
	border-bottom: 3px solid white;
	}
	.nav .nav-right a{
		color: #999;
		font-size: 20px;
	}
	.nav .nav-right:hover{
		border-bottom: 3px solid #f10582;
	}



    .outer{
    	width: 100%;
    	height: 100%;
    	
    }
	.float-nav{
		list-style: none;
		position: relative;
		text-align: center;
		color: #999;
		font-size: 14px;
		left: 245px;
		width: 90px;
		float: left;
		top:55px
	}
	.float-nav ul {
		position: fixed;
		left: 245px;
		width: 90px;
		top:325px;
		
		display: block;
		background-color: #FAFAFA
		
	}
	
	.float-nav ul li {
		width: 90px;
		height: 36px;
		line-height: 30px;
	}
	
	.float-nav ul li a{
		color: #999;
	}
	
	/*.float-nav ul li:hover{
		background-color: #f10582;
		color: white;
	}*/
	.float-nav ul li a:hover{
		
		color: #f10582;
	}
     
    .box1{
    	width: 1170px;
		height: 100%;
		margin: 0 auto;
		/*display: none;*/
		/* float: left; */
    }


	.box1 .main{
	width: 1170px;
	height: 620px;
	margin:0 auto ;
	border: 1px solid #e5e5e5;
    border-top-color: #514b59;
    float: left;
	}
	.box1 .main .main-left{
		width: 754px;
		height: 620px;
		/*border: 1px solid royalblue;*/
		padding-left: 38px;
		
	}
	.box1 .main .main-left .main-left-center{
		width: 716px;
		height: 80px;
		/*border: 1px salmon solid;*/
		padding-top: 15px;
    	padding-bottom: 25px;
    	font-size: 14px;
    	position: relative;
    	
	}
	.box1 .main .main-left .main-left-center .h3{
			width: 716px;
			height: 40px;
			padding-left: 86px;
			/* margin-bottom: 10px; */
			/* font-size: 14px; */
	}
	.box1 .main .main-left .main-left-center .img{
		width: 70px;
		height:80px	;
		float: left;}
	.box1 .main .main-left .main-left-center .img img{
		width: 70px;
		height:80px	}
	.box1 .main .main-left .main-left-center .link {
		width: 665px;
		height: 40px;
		margin-left: 70px;
		/*float: left;*/
		/*word-break: break-all;*/
		/*word-break: break-word;
		overflow: hidden;
		*/
	}
	.box1 .main .main-left .main-left-center .link ul li{
		
		float: left;
		/*word-break: break-all;*/
		word-break: break-word;
		overflow: hidden;
		
	}
	
	.box1 .main .main-left .main-left-center .link a{
		text-decoration: none;
		color: #666666;
		padding: 0 15px;
	}
	.box1 .main .main-left .main-left-center .link a:hover{
	color:#f10582;	
	}
	

	.box2{
		width: 1903px;
		height: 100%;
		/* border: 1px solid red; */
		margin-left: auto;
		margin-right: auto;
		display: none; 
		position: relative;
		/*overflow: hidden;*/
	}
	
	.box2 .main{
		width: 1168px;
		height: 510px;
		margin-top: 120px;
		border-top: 1px solid #dfdfdf;
		border-left: 1px solid #dfdfdf;
		border-right: 1px solid #dfdfdf;;
		position: relative;
        left: 20%;
	}
	.box2 .main-top{
		width: 1168px;
		height: 101px;
		background-color: #fafafa;
		color: #333
	}

	.box2 .main-top ul li{
		list-style: none;
		float: left;
		padding: 0 16px;
		margin-right: 7px;
		font-size: 14px;
		line-height: 50px;
        font-weight: 700;
      
	}
	.box2 .main-top ul li a{
		color: #333333;
		line-height: 26px;
        padding: 6px 16px;
        border-radius: 3px;
	}
	.box2 .main-top ul li a:hover{
		color:white;
	    background-color: #f10180;
        
	}
	.box2 .main .main-center{
		/*padding: 20px 21px 0;*/
	}
	
	.box2 .main .main-center .main-center-up{
		width: 1220px;
		height: 200px;
		padding: 20px 21px 0;
	}
	.box2 .main .main-center .main-center-up .img{
		margin-right: 20px;
        margin-bottom: 20px;
        
	}
	.box2 .main .main-center .main-center-up ul li{
		
		list-style: none;
		float: left;
	}
	.box2 .main .main-center .main-center-up ul li img{
		width: 350px;
		height: 170px;
	}
	.box2 .main .main-center  ul li{
		
		list-style: none;
		float: left;
	}
	.box2 .main .main-center ul li img{
		width: 160px;
		height: 158px;
	}
	/*.box2 .main .main-center .{
		width: 1220px;
		height: 752px;
	}*/
	
	.box2 .main .main-center  .img{
		margin-right: 26px;
        margin-bottom: 26px;
	}
	.box2 .main .main-center  .main-center-dowm-show{
		width: 1220px;
		height: 167px;
		padding: 20px 21px 0;
		position: relative;
	}
	
		.box2 .smallbox{
		width: 132px;
		height: 27px;
		position: absolute;
		background: #fff;
		border-left: 1px solid #dfdfdf;
		border-right: 1px solid #dfdfdf;
		border-bottom: 1px solid #dfdfdf;
		left: 50%;
		margin-left: -133px;
		text-align: center;
		
		line-height: 27px;
		height: 28px;
		top: 187px;
		font-size: 12px;
	}
	
	.box2 .smallbox .sign:after{
		font-family:FontAwesome;
		content:"\f13a";
		/*color: #f10582;*/
	}

	.box2 .line{
		width: 1168px;
	    border-bottom: 1px solid #dfdfdf;
		
	}
	
	.box2 .main .main-center  .main-center-dowm-hidden{
		display: none;
		width: 1125px;
		height: 600px;
		border-left:1px solid #dfdfdf;
		border-right:1px solid #dfdfdf;
		border-bottom:1px solid #dfdfdf;
		padding: 20px 21px 0;
		position: relative;
	}
	
    .box2 .sub{
    	width: 1125px;
    	height: 25px;
    	text-align: center;
    	
    }
    .box2 .sub a{
    	/*width: 24px;
    	height: 24px;*/
    	border: 1px solid #b8b8b8;
    	padding: 2px 6px;
    	line-height: 22px;
    	font-size: 12px;
    	
    }
    .box2 .sub a:hover{
    	background-color: #f22a80;
    	color: #fff;
    	border-color: #cd2a78;

    }
	 .box2 .smallbox2{
		width: 132px;
		height: 27px;
		
		background: #fff;
		border-left: 1px solid #dfdfdf;
		border-right: 1px solid #dfdfdf;
		border-bottom: 1px solid #dfdfdf;
		left: 50%;
		margin-left: -85px;
		text-align: center;
		
		line-height: 27px;
		position: absolute;
		height: 28px;
		top: 620px;
		font-size: 12px;
	}
	.box2 .smallbox2 .sign2:after{
		font-family:FontAwesome;
		content:"\f139";
		/*color: #f10582;*/
	}

	#special a:hover{
		color: white;
	}
	#special a{
		color: white;
	}
